<div class="navbar navbar-full masthead">
  <div class="container">
    <a href="/"><img src="/images-v2/fedoraplanet_logo.png" alt="fedora" height="40px"></a>
    <ul class="nav navbar-nav nav-pills pull-xs-right">
      <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button">About</a>
        <ul class="dropdown-menu dropdown-menu-right">
          <a href="http://get.fedoraproject.org/" class="dropdown-item">Get Fedora</a>
          <a href="http://fedoramagazine.org" class="dropdown-item">Fedora Magazine</a>
          <a href="https://communityblog.fedoraproject.org/" class="dropdown-item">Fedora Community Blog</a>
          <a href="http://join.fedoraproject.org/" class="dropdown-item">Join Fedora</a>
        </ul>
      </li>
      <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button">Sub-Planets</a>
        <ul class="dropdown-menu dropdown-menu-right">
          <a href="/desktop" class="dropdown-item">Desktop</a>
          <a href="/design" class="dropdown-item">Design</a>
          <a href="/summer-coding" class="dropdown-item">Summer Coding</a>
          <a href="/security" class="dropdown-item">Security</a>
          <a href="/quality" class="dropdown-item">Quality</a>
        </ul>
      </li>
      <li class="nav-item"><a href="https://fedoraproject.org/wiki/Planet_HowTo" class="nav-link">Add Blog</a></li>
    </ul>
  </div>
</div>
